<template>
  <div class="content-upload">
    <a-card :bordered="false" class="upload-card">
      <a-tabs v-model:activeKey="activeTab">
        <a-tab-pane key="position" tab="岗位信息">
          <PositionUpload />
        </a-tab-pane>
        <a-tab-pane key="examQuestions" tab="笔试题库">
          <ExamQuestionsUpload />
        </a-tab-pane>
      </a-tabs>
    </a-card>
  </div>
</template>

<script setup lang="ts">
import { ref } from 'vue'
import PositionUpload from './upload/PositionUpload.vue'
import ExamQuestionsUpload from './upload/ExamQuestionsUpload.vue'

const activeTab = ref('position')
</script>

<style scoped>
.content-upload {
  padding: 24px;
  background: #f0f2f5;
  min-height: calc(100vh - 64px);
}

.upload-card {
  border-radius: 8px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.03);
  margin-bottom: 24px;
}

.upload-instructions {
  background: #fff;
  padding: 24px;
  border-radius: 8px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.03);
}

.upload-instructions h3 {
  margin-bottom: 16px;
  color: #1890ff;
}

.upload-instructions ul {
  padding-left: 20px;
  margin-bottom: 16px;
}

.upload-instructions li {
  margin-bottom: 8px;
}
</style>
